@media screen and (max-width:2500px) { }
@media screen and (max-width:1900px) { }
@media screen and (max-width:1600px) {
  .hsi-con { height: 8rem; }
  .btn-top { right: -5rem }
}
@media screen and (max-width:1440px) {
  :root {  }
  .hsi-con { height: 7rem; }
  .btn-top { right: -2rem }
}
@media screen and (max-width:1200px) {
  :root {  }
  .hsi-con { height: 6rem; }
  .frame-full { max-width: 100%; padding-left: var(--left-sm); padding-right: var(--left-sm);  }
  .btn-top { right: 0 }
}
@media screen and (max-width:720px) {
:root {
  --top-nav-sm: 60px;
  --left-sm: 13px;
}
html { font-size: 112.5%; }
html.android body { font-family: var(--font-sans); }
body { padding-top: var(--top-nav-sm); }
.frame-wide, .frame-middle, .frame-narrow { padding-right: var(--left-sm); padding-left: var(--left-sm); }
.mobile-hidden { display: none; }
.top-nav, .fixed-bar .top-nav, .top-nav-small { height: var(--top-nav-sm); background-color: transparent; }
.top-nav:before { content: ''; background: white; z-index: 5; width: 100%; height: 100%; position: absolute; transition: all .15s; left: 0; top: 0; opacity: 0; box-shadow: 0 0 15px rgba(0, 0, 0, .05) }
.top-nav:before { opacity: 1; }
.top-nav>.row-nav { display: flex; justify-content: space-between; }
.top-nav-logo { width: 50%; }
.top-nav-logo h1, .fixed-bar .top-nav-logo h1 { height: 26px; }
.top-nav-logo img { position: relative; height: 100%; }
.fixed-bar .top-nav-logo img.logo-white, .top-nav-logo img.logo-white { display: block; opacity: 1; }
.fixed-bar .top-nav-logo { padding-top: 0; }
.top-toggle-nav { z-index: 6; }
.main-nav-bar .top-row, .main-nav-bar>hr { display: none; }
.top-nav-menu dl.has-sub dt:after { display: none; }
.top-toggle-nav > span { display: block; }
.top-toggle-nav > span { position: relative; width: 26px; height: 26px; }
.top-toggle-nav i { font-size: 24px; position: absolute; top: 0; left: 0; transition: opacity .25s; color: black; }
.top-toggle-nav i.icon-menu { opacity: 1; }
.top-toggle-nav i.icon-menu-close, .top-toggle-nav i.icon-menu-right { opacity: 0; }
.mobile-menu, .mobile-menu body { overflow: hidden !important; height: 100% !important; }
.mobile-menu .top-toggle-nav i.icon-menu { opacity: 0; }
.mobile-menu .top-toggle-nav i.icon-menu-close { opacity: 1; }
.mobile-menu .tn-menu { z-index: 1000; top: 0; display: block; opacity: 1; }
.mobile-menu .tn-logo img.logo-color { opacity: 0; }
.mobile-menu body:before { z-index: 5; opacity: 1; }
.main-nav-bar { position: fixed; z-index: 0; z-index: -1; top: 0; right: 0; display: block; width: 100%; height: 100%; margin: 0; padding: 0; transition: all .15s linear; transform: translate3d(0, -100%, 0); background: white; overflow: hidden; }
.top-nav-menu { padding: 5rem 0 3rem 0; margin: 0; }
.top-nav-menu > div { flex-wrap: wrap; display: block; }
.top-nav-menu dl { width: 100%; height: auto; }
.top-nav-menu dt { height: 2.65rem; padding: 0; }
.top-nav-menu dt a { font-size: .9rem; line-height: 2.65rem; text-align: center; display: block; }
.top-nav-menu dl.active dt a { background-color: transparent;  }
.top-nav-menu dl.active dt a span { display: inline-block; line-height: 1.5; border-bottom: 1px solid var(--primary); padding: 0 .5rem .25rem .5rem; color: var(--primary);  }
.mobile-menu .main-nav-bar { transform: translate3d(0, 0, 0); }
.top-toggle-nav { display: block; }
.top-nav-menu, .tnm-con, .tnm-con dl, .tnm-con dt { height: auto; }
.tnm-con:before { display: none; }
.top-quick { justify-content: center; }

.fs-19 { font-size: .8rem; }
.fs-20 { font-size: .8rem; }
.fs-28 { font-size: 1.1rem; }
.spacing-40 { margin-left: -.5rem; margin: -.5rem }
.spacing-40 [class^="col-"] { padding-left: .5rem; padding-right: .5rem; }


/* Home */
h3.title { font-size: 1rem; display: flex; align-items: center; line-height: 1; }
h3.title.left-line { padding-left: 1rem; }
h3.title.left-line::before { width: .15rem; }
.home-slides { height: 35vh; }
.home-slides .slick-dots { bottom: .5rem; }
.home-news { flex-direction: column; align-items: flex-start; height: auto; padding-top: 1rem; padding-bottom: 1rem; }
.home-news dt:after { content: ''; display: block; width: 100%; height: 0; border-top: 1px solid var(--mute); margin-top: .25rem; margin-bottom: .5rem; }
.home-news dd { padding-left: 0; margin-left: 0; border: 0; max-width: 100%; font-size: .65rem; }
.home-news dd a { line-height: 2; }
.habout-item { flex-direction: column; }
.habout-nav { width: 3rem; line-height: 1.25; font-size: .75rem; font-weight: 500; }
.habout-nav a { padding-left: .75rem; padding-right: .5rem; }
.habout-nav:after { width: 3px; }
.habout-list { height: auto; }
.hadi-txt { width: 100%; padding: 1rem 1rem;  }
.hadi-con { font-size: .65rem; line-height: 1.8; }
.hadi-img { height: 6.5rem; margin: 0 1rem 1rem 1rem; }
.habout-item { max-height: 100%; }
.hadi-txt h4 { font-size: 1.25rem; padding-bottom: 1rem; display: none; }
.hcom-overview { line-height: 1.8; font-size: .7rem; padding-top: 1rem; padding-bottom: 1.25rem; }

.hbus-list { justify-content: center; }
.hbus-list>li { width: 100%; margin-bottom: .1rem; }
.hbus-list>li .ratio-2-3 { padding-top: 25% }
.hbus-list .inner::after { transform: translateY(calc(100% - 2px)) }
.flex-hbus-txt strong { font-size: 1rem; }

.hwel-desc { flex-direction: column; align-items: flex-start; }
.hwel-con { padding: 0; width: 100%; }
.hwel-gallery { width: 100%; }
.b-border { height: 2rem; }
.hwel.more { padding-bottom: 1rem; }

.hsec-talent > div { padding-top: initial; padding-bottom: initial; }
.hsec-talent .htal { padding-top: 2rem; padding-bottom: 2rem; }
.htal-con { height: 12rem; padding-left: .5rem; }
.htal-overview>h4,.htal-overview>div { text-shadow: 1px 1px 1px white; }
.htal-overview .btn-more { max-width: 6rem; }

.footer-nav-menu dl:not(.fnm-contact) { display: none; }
.footer-nav-menu .fnm-contact { width: 100%; }
.footer-nav-menu .fnm-contact dt, .footer-nav-menu .fnm-contact dd>a { display: none; }
.home .main-footer { padding-bottom: 0; }
.footer-nav-menu { padding-top: 0; padding-bottom: 4rem; }
.btn-top { width: 1.6rem; height: 1.6rem; top: -2rem; font-size: 1rem; }
.main-footer { padding-top: 2rem; }
.fcopy-con { flex-direction: column; }
.fcopy-con>div { width: 100%; line-height: 1.2; text-align: center; }
.footer-contact { padding-top: 0; text-align: center; }
.footer-social { width: 100%; justify-content: center; }
.footer-copyright { height: auto; padding-top: .75rem; padding-bottom: .75rem; }
.fcopy-powered { padding-top: .25rem; }

.sub-body body { padding-top: var(--top-nav-sm); }
.mobile-menu .sub-nav .left-nav { pointer-events: none; opacity: 0 }
.sban-con { height: 45vw; }
.sub-nav .left-nav { z-index: 999; }
.sub-nav, .sub-nav .left-nav, .sub-nav .left-nav > ul, .sub-nav .left-nav li > a { display: block; height: 40px; }
.sub-nav .left-nav.active > ul, .sub-nav .left-nav.active li { height: auto!important; }
.sub-nav .left-nav li:not(.active) { height: 0; }
.sub-nav .leftnav-con { overflow: hidden; background-color: white; box-shadow: 0 2px 5px rgba(0,0,0,.1) }

.sub-nav-menu { display: block; height: auto; z-index: 2; }
.sub-nav-menu:after { font-family: 'cxany'; content: '\e909'; position: absolute; right: 0; top: 0; display: block; width: 56px; height: 40px; z-index: 5; line-height: 40px; font-size: 16px; color: rgb(80, 80, 80); text-align: center; }
.sub-nav-menu li a { vertical-align: top; display: block; width: 100% !important; line-height: 40px; height: 40px; overflow: hidden; max-height: 0; transition: all .25s; font-size: .8rem; background-color: white; }
.sub-nav-menu.active:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.sub-nav-menu.active li a, .sub-nav-menu li a.active { max-height: 40px; z-index: 9; }
.sub-nav-menu li a.active { background-color: transparent; }
.sub-nav-menu.active li a.active { color: var(--primary); }
.left-nav li a { line-height: 40px; height: 40px; padding: 0; margin: 0; text-align: center; }
.left-nav li a.active { border: 0; pointer-events: none; }
.mobile-menu .frame-left { z-index: -2; }
.sub-nav .left-nav a { border: 0; }

.about-profile { padding-top: 2rem; padding-bottom: 2rem; }
.ahisnav-con { height: auto; padding-top: 1rem; padding-bottom: 1rem; }
.ahisnav-list { display: none; }
.ahis-desc { padding-top: 2rem; padding-bottom: 2rem; }
.ahis-list { margin-left: -.5rem; margin-right: -.5rem; }
.ahis-list .slick-track>li { padding-right: 0; }
.ahis-list .slick-track>li > strong { margin-left: .5rem; margin-right: .5rem; margin-bottom: 1.5rem; }
.ashis-more { bottom: 2rem; right: var(--left-sm) }
.ahis-list .slick-dots { bottom: -1rem; }
.ahis-list .slick-dots li { margin-left: .4rem; margin-right: .4rem; padding: 0;}
.ahis-list .slick-dots li.slick-active button { background-color: var(--primary) }

.about-org, .about-brand, .about-qua, .bus-con, .newscats { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.aorg-con { display: block; }
.aorg-con>div, .busc-item>dt, .busc-item>dd, .newslist-item a>span { width: 100%; padding-left: 0; padding-right: 0; margin: 0; }

.aorgc-txt p { margin-bottom: .75rem; line-height: 1.8; }
.busc-item { flex-wrap: wrap; }
.busc-item dd { order: -1; }
.busc-item dt { padding-top: 1.5rem }
.busc-item dt h3 { margin-bottom: .75rem; }
.buscom-overview { padding: 0; max-width: initial; }
.aorgc-img { margin-bottom: 1.5rem!important; }
.aorgc-txt { font-size: .75rem; }
.abrand-item em { font-size: .8rem; padding-left: 1rem; padding-right: 1rem; line-height: 1.15; }
.abrand-nav { margin-bottom: 1.5rem; }
.news-category .sub-nav .left-nav > ul, .news-details .sub-nav .left-nav > ul { display: flex; }

.newslist-item a { flex-wrap: wrap; }
.newsli-txt .subject { padding-top: 1.25rem; padding-bottom: .75rem; font-size: .8rem; }
.newsli-txt .overview, .newsi-txt .overview { font-size: .65rem; line-height: 1.8; }
.newsi-txt .overview { margin-bottom: 2.5rem; line-height: 1.2rem; max-height: 3.6rem; }
.newsi-txt .date { padding-bottom: .5rem; }
.newsi-txt .subject { padding-top: 1.25rem; padding-bottom: .75rem; }
.newshome-list:not(:first-child) .newshome-item { margin-top: 1rem; padding-bottom: 0 }
.newshome-item dt { padding-bottom: 1.75rem; }
.news-category .newsi-txt .overview, .newsd-recommend .newsi-txt .overview { margin-bottom: 0; }


.pager-list { padding-top: 2rem; padding-bottom: 0; }

.newsd-heading .subject { font-size: .85rem; line-height: 2; }

.newsd-heading, .newshome-list:first-child { padding-top: 2.5rem; }
.newsd-desc { line-height: 2; padding-bottom: 5rem; }
.newsd-recommend { padding-bottom: 2rem; }
.newscats-list { padding-top: 1.5rem; }
.newsd-rec .newsli-txt .subject { padding-bottom: .75rem; }
.culture-list { padding-top: 2.5rem; }
.culc-item dt { padding-bottom: 2.5rem }
.culture-article { padding-bottom: 2rem; }

.welfare-list { padding-top: 2.5rem; }
.welcp-nav.pager-list { padding-bottom: 4rem }
.welcp-txt { padding: 1rem 0 }
.welc-project { padding-top: 0; }
.welc-item dt { padding-bottom: .75rem; }
.welc-desc { line-height: 2; }
.welc-desc p { margin-bottom: .75rem; }
p span[style*="font-size: 14px"] { font-size: .7rem!important; }

.contact-list:first-child .con-item { border: 0; }
.contact-article { padding-top: 0; }
.consec-feedback { margin-top: 0; padding-bottom: 2.5rem; }
.conf-item { padding-top: .25rem; padding-bottom: .25rem; }
.flex-form .width-1-2 { width: 100%; }

.footer-social a { margin-left: .5rem; margin-right: .5rem; }



}